<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设计+列表</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/main.css" />
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/main.js"></script>
</head>
<body>

<div class="content-box">

    <div class="head">
        <div class="visual-box">
            <div class="head-left clearfloat">
                <div class="head-logo">
                    <img src="img/logo.png" />
                </div>
                <div class="head-tel">
                    蓝光优居热线
                    <span>
                    400-8888-116
                </span>
                </div>

                <ul class="head-right">
                    <li class="click-login">
                        <i class="icon-1"></i>登录
                        <label></label>
                    </li>
                    <li class="click-register">
                        <i class="icon-2"></i>注册
                        <label></label>
                    </li>
                    <li>
                        <i class="icon-3"></i>设计师登录
                        <label></label>
                    </li>
                    <li class="top-qr-li">
                        <i class="icon-4"></i>微信公众号
                        <label></label>
                        <div class="top-qr">
                            <div class="top-qr-box">
                                <img src="img/qr.jpg" />
                                <p>
                                    悠生活U-life
                                </p>
                                <i></i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="icon-5"></i>样板间地图
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav-bg">
            <div class="visual-box">
                <ul class="nav">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="customized.html">全屋定制</a>
                    </li>
                    <li>
                        <a href="sheji.html" class="active">设计+</a>
                    </li>
                    <li>
                        <a href="#">居家风水</a>
                    </li>
                    <li>
                        <a href="#">家居金融</a>
                    </li>
                    <li>
                        <a href="#">优居热评</a>
                    </li>
                    <li>
                        <a href="#">品质检测</a>
                    </li>
                    <li>
                        <a href="#">悠生活商城</a>
                    </li>
                    <li>
                        <a href="#">红邮箱投诉</a>
                    </li>
                    <li class="nav-last-list">
                        已服务<span>012354</span>位业主
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="shejidetails">
    	<div class="shejidetails_cont">
    		<div class="shejidetails_cont_top">
    			<div class="shejidetails_cont_top_touxiang">
    				<img src="img/sheji/sheji-pic.jpg" width="100%" />
    			</div>
    			<div class="shejidetails_cont_top_right">
    				<div class="shejidetails_cont_top_right_left">
    					<div class="shejidetails_cont_top_right_left_top">
    						<span>闫肃儿</span>
    						<p>
    							<span>编号：</span>
    							<span id="sdspan">02564</span>
    						</p>
    					</div>
    					<div class="shejidetails_cont_top_right_left_mid">
    						<div class="shejidetails_cont_top_right_left_mid_left">
    							<span>四川 成都</span>
    							<img src="img/sheji/sanjiao.png" />
    						</div>
    						<div class="shejidetails_cont_top_right_left_mid_right">
    							创神装修公司
    						</div>
    						<div class="shejidetails_cont_top_right_left_mid_right">
    							6年设计经验
    						</div>
    					</div>
    					<div class="shejidetails_cont_top_right_left_mid_tishi">
    						<div class="shejidetails_cont_top_right_left_mid_tishi_sanjiao"></div>
    						<div class="shejidetails_cont_top_right_left_mid_tishi_sanjiao2"></div>
    						<div class="shejidetails_cont_top_right_left_mid_tishi_cont">
    							<span>
    								服务地区：
    							</span>
                                                        全国、湖北武汉、安徽芜湖
    						</div>
    					</div>
    				</div>
    				<div class="shejidetails_cont_top_right_left_right">
    					立即预约
    				</div>
    				<div class="shejidetails_cont_top_right_left_button">
    					<div>
    						<span>荣誉证书</span>
    						<p>工具证书</p>
    						<p>职业证书</p>
    					</div>
    				</div>
    				<div class="shejidetails_cont_top_right_left_button2">
    					<div>
    						<span>荣誉证书</span>
    						<p class="shejidetails_cont_top_right_left_button2_p">现代简约、欧式、美式、新中式</p>
    					</div>
    				</div>
    				<div class="shejidetails_cont_top_right_left_button2">
    					<div>
    						<span>荣誉证书</span>
    						<div class="zhankai_p">
    							为明星构思过豪宅，也为蜗居增添过温暖，始终相信设计是可以为生活增添色彩。需要提前咨询预约
    							为明星构思过豪宅，也为蜗居增添过温暖，始终相信设计是可以为生活增添色彩。需要提前咨询预约
    							为明星构思过豪宅，也为蜗居增添过温暖，始终相信设计是可以为生活增添色彩。需要提前咨询预约
    							为明星构思过豪宅，也为蜗居增添过温暖，始终相信设计是可以为生活增添色彩。需要提前咨询预约
    							<p class="shejidetails_cont_top_right_left_button2_zhankshou" id="shejishouqi">
	    							<span>收起</span>
	    							<img src="img/sheji/top-arrow.png" />
	    						</p>
    						</div>
    						<div class="shejidetails_cont_top_right_left_button2_zhank" id="sheji_zhankai">
    							<i>...</i>
    							<span>展开全部</span>
    							<img src="img/sheji/dow-arrow(1).png" />
    						</div>
    						
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    	<div class="shejidetails_cont_mid">
    		<div class="shejidetails_cont_mid_top">
    			<span>全部  102</span>
    			<span>现代简约  28</span>
    			<span>欧式  15</span>
    			<span>地中海  9</span>
    			<span>简欧  18</span>
    			<span>日式  9</span>
    			<span>美式  12</span>
    			<span>北欧  6</span>
    			<span>混搭  8</span>
    			<span>新中式  26</span>
    			<span>简美  16</span>
    		</div>
    		<div class="shejidetails_cont_mid_mid">
    			<div class="shejidetails_cont_mid_mid_tu">
                    <a href="shejixiangq.html">
    				<div class="shejidetails_cont_mid_mid_tu_img">
    					<img src="img/sheji/zp-list-1.jpg" width="100%" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_img_3d">
    					<span>3D全景</span>
    					<img src="img/sheji/right-arrow.png" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_xinxi">
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_left">
    						南阳复式三层半
    					</div>
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_right">
    						<span>更新于</span>
    						<span class="sheji_time">2017-05-02</span>
    					</div>
    				</div>
                    </a>
    			</div>
    			<div class="shejidetails_cont_mid_mid_tu">
                    <a href="shejixiangq.html">
    				<div class="shejidetails_cont_mid_mid_tu_img">
    					<img src="img/sheji/zp-list-1.jpg" width="100%" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_img_3d">
    					<span>3D全景</span>
    					<img src="img/sheji/right-arrow.png" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_xinxi">
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_left">
    						南阳复式三层半
    					</div>
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_right">
    						<span>更新于</span>
    						<span class="sheji_time">2017-05-02</span>
    					</div>
    				</div>
                    </a>
    			</div>
    			<div class="shejidetails_cont_mid_mid_tu">
                    <a href="shejixiangq.html">
    				<div class="shejidetails_cont_mid_mid_tu_img">
    					<img src="img/sheji/zp-list-1.jpg" width="100%" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_img_3d">
    					<span>3D全景</span>
    					<img src="img/sheji/right-arrow.png" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_xinxi">
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_left">
    						南阳复式三层半
    					</div>
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_right">
    						<span>更新于</span>
    						<span class="sheji_time">2017-05-02</span>
    					</div>
    				</div>
                    </a>
    			</div>
    			<div class="shejidetails_cont_mid_mid_tu">
                    <a href="shejixiangq.html">
    				<div class="shejidetails_cont_mid_mid_tu_img">
    					<img src="img/sheji/zp-list-1.jpg" width="100%" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_img_3d">
    					<span>3D全景</span>
    					<img src="img/sheji/right-arrow.png" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_xinxi">
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_left">
    						南阳复式三层半
    					</div>
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_right">
    						<span>更新于</span>
    						<span class="sheji_time">2017-05-02</span>
    					</div>
    				</div>
                    </a>
    			</div>
    			<div class="shejidetails_cont_mid_mid_tu">
                    <a href="shejixiangq.html">
    				<div class="shejidetails_cont_mid_mid_tu_img">
    					<img src="img/sheji/zp-list-1.jpg" width="100%" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_img_3d">
    					<span>3D全景</span>
    					<img src="img/sheji/right-arrow.png" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_xinxi">
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_left">
    						南阳复式三层半
    					</div>
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_right">
    						<span>更新于</span>
    						<span class="sheji_time">2017-05-02</span>
    					</div>
    				</div>
                    </a>
    			</div>
    			<div class="shejidetails_cont_mid_mid_tu">
                    <a href="shejixiangq.html">
    				<div class="shejidetails_cont_mid_mid_tu_img">
    					<img src="img/sheji/zp-list-1.jpg" width="100%" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_img_3d">
    					<span>3D全景</span>
    					<img src="img/sheji/right-arrow.png" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_xinxi">
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_left">
    						南阳复式三层半
    					</div>
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_right">
    						<span>更新于</span>
    						<span class="sheji_time">2017-05-02</span>
    					</div>
    				</div>
                    </a>
    			</div>
    			<div class="shejidetails_cont_mid_mid_tu">
                    <a href="shejixiangq.html">
    				<div class="shejidetails_cont_mid_mid_tu_img">
    					<img src="img/sheji/zp-list-1.jpg" width="100%" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_img_3d">
    					<span>3D全景</span>
    					<img src="img/sheji/right-arrow.png" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_xinxi">
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_left">
    						南阳复式三层半
    					</div>
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_right">
    						<span>更新于</span>
    						<span class="sheji_time">2017-05-02</span>
    					</div>
    				</div>
                    </a>
    			</div>
    			<div class="shejidetails_cont_mid_mid_tu">
                    <a href="shejixiangq.html">
    				<div class="shejidetails_cont_mid_mid_tu_img">
    					<img src="img/sheji/zp-list-1.jpg" width="100%" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_img_3d">
    					<span>3D全景</span>
    					<img src="img/sheji/right-arrow.png" />
    				</div>
    				<div class="shejidetails_cont_mid_mid_tu_xinxi">
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_left">
    						南阳复式三层半
    					</div>
    					<div class="shejidetails_cont_mid_mid_tu_xinxi_right">
    						<span>更新于</span>
    						<span class="sheji_time">2017-05-02</span>
    					</div>
    				</div>
                    </a>
    			</div>
    		</div>

            <div class="comment-page">
                <a href="#" class="jinyong-bt">
                    上一页
                </a>
                <a href="#" class="comment_active">
                    1
                </a>
                <a href="#">
                    2
                </a>
                ...
                <a href="#">
                    10
                </a>
                <a href="#">
                    下一页
                </a>

            </div>
    	</div>
    </div>


    
    
    
    
    
    
    
    
    
    <div class="footer">
        <div class="visual-box clearfloat">
            <div class="footer-left clearfloat">
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            品牌实力
                        </dt>
                        <dd>
                            <a href="#">品牌介绍</a>
                        </dd>
                        <dd>
                            <a href="#">企业文化</a>
                        </dd>
                        <dd>
                            <a href="#">全国布局</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            V8生活家
                        </dt>
                        <dd>
                            <a href="#">硬包装</a>
                        </dd>
                        <dd>
                            <a href="#">软包装</a>
                        </dd>
                        <dd>
                            <a href="#">智能家居</a>
                        </dd>
                        <dd>
                            <a href="#">家庭园艺</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品服务
                        </dt>
                        <dd>
                            <a href="#">高端定制服务</a>
                        </dd>
                        <dd>
                            <a href="#">服务理念</a>
                        </dd>
                        <dd>
                            <a href="#">设计名家</a>
                        </dd>
                        <dd>
                            <a href="#">预定装修</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品优势
                        </dt>
                        <dd>
                            <a href="#">六大优势</a>
                        </dd>
                        <dd>
                            <a href="#">品牌合作伙伴</a>
                        </dd>

                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            联系我们
                        </dt>
                        <dd>
                            <a href="#">联系方式</a>
                        </dd>
                        <dd>
                            <a href="#">在线咨询</a>
                        </dd>

                    </dl>
                </div>
            </div>
            <div class="footer-right">
                <div class="service-list">
                    <p>
                        全国客户服务热线
                    </p>
                    <div>
                        028-8780-1675
                    </div>
                    <i></i>
                </div>
                <div class="email">
                    邮编：611731
                </div>
                <div class="email">
                    地址：中国    成都    高新西区    新创路2号附10号
                </div>
                <div class="copyright">
                    ©2017 WWW.BRC-BEEI.COM ALL RIGHTS RESERVED
                </div>
                <div class="qr-box">
                    <img src="img/qr.jpg" />
                    <p>
                        关注蓝光官方微信
                    </p>
                </div>
            </div>
        </div>
    </div>

</div>



<div class="login">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            登录
            <a href="#" class="click-register lick-hover">
                注册
            </a>
        </h2>
        <div class="login-input">
            <input type="text" name="" placeholder="请输入账号" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请输入密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
            <a href="#">
                忘记密码？
            </a>
        </p>

        <button class="login-bt">
            登录
        </button>
    </div>
</div>

<div class="login register">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            注册
            <a href="#" class="click-login lick-hover">
                登录
            </a>
        </h2>
        <div class="login-input warning">
            <input type="text" name="" placeholder="请输入手机号" value="13856458978" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请设置密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <div class="login-input phone-number">
            <input type="text" name="" placeholder="请输入手机验证码" value="" />
            <i class="icon-number" yClass="icon-number-1"></i>
            <button>
                发送验证码
            </button>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
        </p>
        <p class="agreement">
            <i><input type="checkbox" name="" checked /></i>已阅读并同意<a href="#" target="_blank">《蓝光优居用户使用协议》</a>
        </p>
        <button class="login-bt">
            注册
        </button>
    </div>
</div>

</body>
<script src="js/app.js"></script>
</html>